@(form : Form[Player])
@import play.i18n._
@import Player.Gender
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="@Messages.get("lang")" lang="@Messages.get("lang")">
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Business Informatics Group Quiz - @Messages.get("registration")</title>
        <link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/main.css")" />
		<style type="text/css">
			dd.error {clear:both; display:block; background:red; border:1px solid white; padding:4px; border-radius:4px; font-weight:bold;}
		</style>
        <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
        <script src="@routes.Assets.at("javascripts/framework.js")" type="text/javascript"></script>
    </head>
    <body id="registerpage">
        <a class="accessibility" href="#register">@Messages.get("registration.acc.link.register")</a>
        <header role="banner" aria-labelledby="mainheading"><h1 id="mainheading"><span class="accessibility">Business Informatics Group</span> Quiz</h1></header>
        <nav role="navigation" aria-labelledby="navheading">
            <h2 id="navheading" class="accessibility">@Messages.get("navigation")</h2>
            <ul>
                <li><a id="loginlink" title="@Messages.get("acc.link.login")" href="@routes.BigQuiz.getIndex" accesskey="l">@Messages.get("login")</a></li>
            </ul>
        </nav>
        <section role="main" id="register" aria-labelledby="registerheading">
            <!-- Register section -->
            <h2 id="registerheading" class="accessibility">@Messages.get("registration")</h2>
			@if(form.hasGlobalErrors) {
			<p class="error">
				@form.globalError.message
			</p>
			}
			@helper.form(action = routes.BigQuiz.doRegister()) {
			<fieldset>
				<legend>@Messages.get("registration.info.personal")</legend>
				@helper.inputText(form("firstname"), '_label -> (Messages.get("registration.name.first") + ":"))
				@helper.inputText(form("lastname"), '_label -> (Messages.get("registration.name.last") + ":"))
				@helper.inputDate(form("birthdate"), '_label -> (Messages.get("registration.date.birth") + ":"))
				@helper.select(form("gender"), options = Seq("" -> "", Player.Gender.m.toString() -> Messages.get("registration.gender.male"), Player.Gender.f.toString() -> Messages.get("registration.gender.female")), '_label -> (Messages.get("registration.gender") + ":"))
			</fieldset>
			<fieldset>
				<legend>@Messages.get("registration.info.login")</legend>
				@helper.inputText(form("username"), '_label -> (Messages.get("registration.username") + "*:"), '_showConstraints -> false)
				@helper.inputPassword(form("password"), '_label -> (Messages.get("registration.password") + "*:"), '_showConstraints -> false)
			</fieldset>
			<input id="registersubmit" type="submit" value="@Messages.get("registration")" accesskey="s"/>
			}
        </section>

        <!-- footer -->
        <footer role="contentinfo">© 2014 BIG Quiz</footer>
    </body>
</html>
